@import "../../themes/ionic.globals";

// Button Icons
// --------------------------------------------------

// Icons inside of buttons with text
@mixin button-icon {
  font-size: 1.4em;
  line-height: .67;

  pointer-events: none;
}

[icon-left] ion-icon, // deprecated
[icon-start] ion-icon {
  @include button-icon;

  @include padding-horizontal(null, .3em);
}

[icon-right] ion-icon, // deprecated
[icon-end] ion-icon {
  @include button-icon;

  @include padding-horizontal(.4em, null);
}

.button[icon-only] {
  @include padding(0);

  min-width: .9em;
}

[icon-only] ion-icon {
  @include padding(0, .5em);

  font-size: 1.8em;
  line-height: .67;

  pointer-events: none;
}
